<template xmlns:vertical-align="">
  <div id="u-head" class="u-row u-header">
    <div class="u-header-title">
      <img src="../../../../assets/img/header/ygjc_header.png" alt="">
    </div>
    <div class="u-header-home">
      <img src="../../../../assets/img/header/home.svg" alt="" @click="gohome">
    </div>
  </div>
</template>

<script>
  export default {
    data: function() {
      return {
      }
    },
    computed: {
    },
    mounted() {
    },
    methods: {
      gohome(){
         this.$router.push("/navigation")
      }
    }
  }
</script>

<style>
  .u-header {
    margin: 0px;
    background-image: url("../../../../assets/img/header/bg.jpg");
    height: 93px;
    display: flex;
    flex-flow:row;
  }

  .u-header-title{
    flex:auto;
    margin:0;
    padding:0;
    height: 93px;
  }

  .u-header-home{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center; /*垂直居中*/
    justify-content: flex-end; /*水平居中*/
  }
  .u-header-home img{
    margin: 0 30px 0 0;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    align-items: center;
  }
  .u-header-home img:hover {
    content: url('../../../../assets/img/header/homehover.svg');
    cursor: pointer;

  }
</style>

